<script type="text/javascript" language="javascript" src="/home/js/jquery.carouFredSel-5.6.4-packed.js"></script>
<script type="text/javascript" language="javascript">
	$(function() {

		//	Basic carousel, no options
		$('#foo0').carouFredSel({
			prev: '#prev2',
			next: '#next2',
			scroll: 1
		});

	});
</script>
<style type="text/css" media="all">
	.caroufredsel_wrapper {
	   width:688px !important;
      margin: 0px auto !important;
   }
	.list_carousel {
		background-color: #fff;
		margin: 10px auto;
		width: 720px;
      position: relative;
	}
	.list_carousel ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
	}
	.list_carousel li {
		font-size: 14px;
		color: #999;
		text-align: center;
		background-color: #fff;
		border: 1px solid #ddd;
		width: 170px;
		height: 110px;
		padding: 0;
		margin: 0px;
		display: block;
		float: left;
	}
	.list_carousel li a img {
		width:170px;
		height:60px;
      margin: 5px 0px;
	}
	.list_carousel li h4 {
		height:20px;
		line-height:20px;
		text-align:center;
		font-size:13px;
		color:#333;
		margin:0px;
	}
	.list_carousel.responsive {
		width: auto;
		margin-left: 0;
	}
   .list_carousel .prev, .list_carousel .next {
      position: absolute;
      top: 32px;
   }
   .list_carousel .prev {
      left: 0px;
   }
   .list_carousel .next {
      right: 0px;
   }
	.clearfix {
		float: none;
		clear: both;
	}
	
</style>
<div class="list_carousel">
	<ul id="foo0">
   <?php
   $query = new db_query('SELECT par_id,par_title,par_link,par_picture,par_order
                          FROM partner
                          WHERE par_active = 1
                          ORDER BY par_order
                          LIMIT 20');
   $list_partner = $query->resultArray();unset($query);
   foreach($list_partner as $partner) {
      ?>
      <li>
         <a href="<?=$partner['par_link']?>"><img src="/pictures/partner/<?=$partner['par_picture']?>"/></a>
         <h4><?=$partner['par_title']?></h4>
      </li>
      <?
   }
   ?>
	</ul>
	<div class="clearfix"></div>
	<a id="prev2" class="prev" href="#"><img src="/home/images/arrow_left.png" alt="previous partner"/></a>
	<a id="next2" class="next" href="#"><img src="/home/images/arrow_right.png" alt="next partner"/></a>
</div>